草庐IT

TypeScript 基础语法

全部标签

javascript - 在 Typescript 中导入 Chai

我正在尝试在typescript中使用chai。Chai的javascript示例显示为:varshould=require('chai').should();我下载了类型定义:tsdinstallchai...引用文件,尝试导入///importshould=require('chai').should();我得到:errorTS1005:';'expected...知道怎么做吗? 最佳答案 import{should}from'chai';should(); 关于javascript

javascript - 使用 d3.js 和 TypeScript 绘制饼图时出现编译错误

我正在尝试使用d3.js库和TypeScript绘制饼图。我有以下代码:"usestrict";moduleChart{exportclasschart{privatechart:d3.Selection;privatewidth:number;privateheight:number;privateradius:number;privatedonutWidth:number;privatedataset:{label:string,count:number}[];privatecolor:d3.scale.Ordinal;constructor(container:any){this

javascript - typescript 的/** @class */有目的吗?

我正在学习typescript,我注意到编译后的javascript对每个类都有一个注释,如下所示:/**@class*/例子:varStudent=/**@class*/(function(){functionStudent(firstName,middleInitial,lastName){this.firstName=firstName;this.middleInitial=middleInitial;this.lastName=lastName;this.fullName=firstName+""+middleInitial+""+lastName;}returnStudent

javascript - Angular2 - 类型错误 : Cannot read property 'Id' of undefined in (Typescript)

我收到以下错误:angular2.dev.js:23925EXCEPTION:TypeError:Cannotreadproperty'Id'ofnullin[{{product.Id}}inProductEditComponent@0:68]抛出://Product-edit.component.ts:import{Component}from'angular2/core';import{IProduct}from'./product'import{ProductService}from'./product.service'import{RouteParams}from'angula

javascript - Typescript - 自执行匿名函数

如何使用类型脚本创建自执行的匿名函数?例如(function(){varsomeClass={}}.call(this));我想要一个内置的插件,它可能适用于Node.js,也适用于前端。 最佳答案 /***SelfexecutinganonymousfunctionusingTS.*/(()=>{//Whateverisherewillbeexecutedassoonasthescriptisloaded.console.log('executed')})();IwantabuiltapluginthatmayworkforNod

javascript - Typescript Convert Object to Array - 因为 *ngFor 不支持对象的迭代

我可不想这样用for循环把Object转成Array!如果加倍处理并降低应用程序的性能(我正在使用Ionic2和Typescript,以及Firebase)for(输入数据){array.push(值);是否有使用*ngFor迭代对象本身(如附图所示)的解决方案。或者我可以将此对象(如附图所示)转换为数组,以便可以在*ngFor中进行迭代。 最佳答案 您可以使用Object.keys(obj)来获取命名索引。这将返回一个数组结构,您可以进一步使用/自定义它。用于遍历对象值的示例可能如下所示varpersons={john:{age:

javascript - 如何在 Typescript 中为 Angular2 编写 console.log 包装器?

有没有办法编写一个全局的自制mylogger函数,我可以在Angular2typescript项目中用于我的服务或组件而不是console.log函数?我想要的结果是这样的:mylogger.tsfunctionmylogger(msg){console.log(msg);};用户服务.tsimport'commons/mylogger';exportclassUserService{loadUserData(){mylogger('Abouttogetsomething');return'something';};}; 最佳答案

javascript - $在 vue.js,es6 语法中从子级向父级发出事件

我是Vue.js的新手,我使用ES6语法和vue-class-component.我在尝试将事件从child发送到其parent时遇到问题。我遵循了默认Vue.js语法的逻辑,但似乎无法让我的parent捕捉到child发出的事件。代码:子组件我在每个上附加了一个点击事件监听器,它调用一个发出事件的函数。事件监听器在父级上定义。exportdefaultclassHorizontalNavigation{handleClick(e){e.preventDefault();//console.log(e.target.dataset.section);this.$emit('Change

javascript - 无法在 Firefox 中调试 Typescript(源)文件

好的,我使用5MinQUICKSTART创建了一个基本的Angular2Typescript项目它已经启动并正在运行。我的typescript转译器配置为创建源map:tsconfig.js{"compilerOptions":{"target":"es5","module":"commonjs","moduleResolution":"node","sourceMap":true,"emitDecoratorMetadata":true,"experimentalDecorators":true,"removeComments":false,"noImplicitAny":false

javascript - 语法错误 : Unexpected token export

我正在本地开发一个名为foobar的npm包,以允许我实时进行更改或修改,而无需发布/取消发布以缩短开发时间和健全性。在projectTest中,我使用命令npmlinkfoobar链接了foobar。如果您不知道,npm链接标志会创建一个符号链接(symboliclink)到您的全局变量(您可以在此处阅读更多相关信息:https://docs.npmjs.com/cli/link)projectTest恰好是一个Reactjs项目,用ES2015、Webpack、babel等编写;以及我从“包”中导入{x}的地方,没有任何问题,等等。如前所述,node_modules中的包fooba